<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./css/index.css">
    <link rel="stylesheet" type="text/css" href="./css/reset.css">
</head>

<body>
    <div class="googs_list tc">
        <div class="tc">
            <br>
            <h2>商品列表展示</h2>
            <br>
        </div>
        <ul class="list_ul">

        </ul>
    </div>

    <table>
        <caption>
            <div class="tc">
                <br>
                <h2>购物车列表</h2>
                <br>
            </div>
        </caption>
        <thead>
            <tr>
                <th>全选</th>
                <th>商品</th>
                <th>数量</th>
                <th>单价</th>
                <th>小计</th>
                <th>操作</th>
                <th>时间</th>

            </tr>
        </thead>

        <tbody>
        </tbody>
        <tfoot>
            <tr>
                <td>
                    <label>
                        <input type="checkbox" name="check" class="quanxuan">
                        全选按钮

                    </label>
                </td>
                <td>
                    <button type="button" id="delChecked">删除选中物品</button>
                </td>
                <td colspan="4">

                </td>
                <td>
                    总价：<br>
                    <div id="sum">

                    </div>
                </td>
            </tr>
        </tfoot>
    </table>
    <script src="./js/getData.js" type="text/javascript" charset="utf-8"></script>
    <script src="./js/index.js" type="text/javascript" charset="utf-8"></script>

</body>

</html>